<template>
  <div class="successo">
    <vheader pageTitle=""></vheader>
    <p>恭喜您，开户成功！</p>
    <span>为了确保您投资更便捷，请签署快速投资协议，否则无法投资！</span>
    <div class="successo-btn" @click="tosign">立即签署</div>
  </div>
</template>

<script>
  import vheader from 'components/common/comHead'

  export default {
    methods: {
      tosign () {
        this.$router.push('/goSign')
      }
    },
    components: {
      vheader
    }
  }
</script>

<style lang='scss'>
  @import '../../common/scss/_variable.scss';

  .successo {
    text-align: center;
    p {
      font-size: 48px;
      color: $base-ff6c00;
      margin: 86px 60px;
    }
    span {
      display: inline-block;
      margin: 0 60px;
      font-size: 30px;
      color: $base-666;
      line-height: 60px;
    }
    &-btn {
      width: 570px;
      height: 90px;
      line-height: 96px;
      margin: 100px auto 60px auto;
      background: $base-ff6c00;
      color: $base-fff;
      font-size: 36px;
      border-radius: 100px;
    }
  }
</style>
